<template>
  <!-- 方法的默认第一个参数是$event -->
  <div>
    <button @click="addCount">+1</button>
    <button @click="adddCount1(10)">+10</button>
  </div>
</template>

<script>
import { mapMutations } from 'vuex'
export default {
  methods: {
    //   调用方法
    addCount() {
      // 调用store中的mutations 提交给muations
      // commit('muations名称')
      this.$store.commit('addCount')
    },
    adddCount1() {
      //commit('muations名称'),第二个就是payload传入的参数
      this.$store.commit('addCount1', 10)  // 直接调用mutations
    },
    ...mapMutations(['addCount', 'addCount1'])
  }
}
</script>

<style>

</style>